<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<f:view>
		<h:form id="form_agenda">
			<p:growl id="growl" />
			<h:outputText value="Agenda" styleClass="breadcrumb" rendered="#{agendaManager.medico.id == null}"/>
			<h:outputText value="Agenda > Médico > #{agendaManager.medico.nome}" styleClass="breadcrumb" rendered="#{agendaManager.medico.id != null}"/>
			
			<center>
				<p:schedule
					 
					value="#{agendaManager.lazyModel}" 
					widgetVar="myschedule" 
					id="myschedule" 
					locale="pt" 
					minTime="#{segurancaManager.minTime}"
					maxTime="#{segurancaManager.maxTime}"
					slotMinutes="10"
					timeFormat="H:mm"
					axisFormat="H:mm"
					timeZone="America/Sao_Paulo"
					view="agendaDay"
					aspectRatio="2"
					style="width: 100%"
					>
					<p:ajax event="dateSelect" listener="#{agendaManager.onDateSelect}" update=":form_consulta:eventDetails" oncomplete="eventDialog.show()" />
			        <p:ajax event="eventSelect" listener="#{agendaManager.onEventSelect}" update=":form_consulta:eventDetails" oncomplete="eventDialog.show()" />
					<p:ajax event="eventMove" listener="#{agendaManager.onEventMove}" update=":form_consulta:eventDetails" />  
				</p:schedule>
			</center>
		    </h:form>
		   
		   <p:dialog widgetVar="eventDialog" header="Agendar Consulta" showEffect="clip" hideEffect="clip" onHide="#{agendaManager.clearObjects()}" modal="true" resizable="false" closeOnEscape="true" position="center">  
				<h:form id="form_consulta">
					<h:panelGroup id="eventDetails">
				        <table>
				        	<tr>
				        		<td>
						        	<h:outputLabel value="Procedimento"/>
						        </td>
						        <td>
						        	<p:selectOneMenu value="#{agendaManager.tipoProcedimento.id}" style="width:150px;" label="Procedimento"
										valueChangeListener="#{agendaManager.showTipoConsulta}" >
										<f:selectItem itemLabel="- Selecione -"/>
										<f:selectItems value="#{agendaManager.procedimentos}" var="proc" itemValue="#{proc.id}" itemLabel="#{proc.descricao}" />
										<p:ajax process="@this"  update=":form_consulta" />
									</p:selectOneMenu>
								</td>
							</tr>
							<tr> 
								<td>
									<h:outputLabel for="medico" value="Médico:" rendered="#{agendaManager.agendamento.tipoProcedimento.exibirMedicos}"/>
								</td>
								<td> 
						            <p:selectOneMenu id="medico" value="#{agendaManager.agendamento.medico.id}" required="true" style="width:150px;" label="Médico" rendered="#{agendaManager.agendamento.tipoProcedimento.exibirMedicos}">
										<f:selectItem itemLabel="- Selecione -"/>
										<f:selectItems value="#{agendaManager.medicos}" var="medico" itemLabel="#{medico.nome}" itemValue="#{medico.id}" />
									</p:selectOneMenu>
								</td>
							</tr>
							<tr>
								<td>
						            <h:outputLabel for="tratamento" value="Tratamento:" rendered="#{agendaManager.agendamento.tipoProcedimento.exibirTratamentos}"/>
						         </td>
						         <td>
						            <p:selectOneMenu id="tratamento" value="#{agendaManager.agendamento.tratamento.id}"
						            	label="Tratamento" 
						            	required="true" rendered="#{agendaManager.agendamento.tipoProcedimento.exibirTratamentos}" style="width:150px;">
										<f:selectItem itemLabel="- Selecione -"/>
										<f:selectItems value="#{agendaManager.tratamentos}" var="tratamento" itemLabel="#{tratamento.tratamento}" itemValue="#{tratamento.id}" />
									</p:selectOneMenu>
								</td>
							</tr>
							<tr>
								<td>
						            <h:outputLabel for="paciente" value="Paciente:" />
								</td>
								<td>
						            <p:selectOneMenu id="paciente" value="#{agendaManager.agendamento.paciente.id}"
						            	label = "Paciente" 
						            	required="true" style="width:150px;" rendered="#{segurancaManager.isClinica}">
										<f:selectItem itemLabel="- Selecione -"/>
										<f:selectItems value="#{agendaManager.pacientes}" var="paciente" itemLabel="#{paciente.nome}" itemValue="#{paciente.id}" />
									</p:selectOneMenu>
								</td>
							</tr>
							<tr>
								<td>
						            <h:outputLabel for="data" value="Data:" />
						        </td>
						        <td>
						            <p:calendar id="data" value="#{agendaManager.agendamento.dataAgendamento}" pattern="dd/MM/yyyy" locale="pt" />
						        </td>
							</tr>
							<tr>
								<td>
						  			<h:outputLabel for="hora" value="Horário:" />
						  		</td>
						  		<td>
						            <p:inputMask id="hora" value="#{agendaManager.agendamento.horaAgendamento}" mask="99:99">  
						                <f:convertDateTime locale="pt,BR" timeZone="America/Sao_Paulo" pattern="HH:mm"/>
						            </p:inputMask>
								</td>
							</tr>
				             <tr>
				             	<td>
						            <p:commandButton type="reset" value="Limpar" />  
						            <p:commandButton value="Salvar" action="#{agendaManager.addEvent}" update=":form_agenda:myschedule :form_agenda:growl" oncomplete="eventDialog.hide();" rendered="#{agendaManager.agendamento.id == null}"/>  
						            <p:commandButton value="Atualizar" action="#{agendaManager.updateEvent}" update=":form_agenda:myschedule :form_agenda:growl" oncomplete="eventDialog.hide();" rendered="#{agendaManager.agendamento.id != null}"/>
								</td>
							</tr>
						</table>
				        
				        <p:blockUI block="eventDetails" trigger="eventDetails" />  
					</h:panelGroup>
				</h:form>
	   	</p:dialog>
	</f:view>
</html>